<template>
  <div id="defaultIndex" class="defaultIndex">
    <el-card>
      <div>
        <span style="font-size:16px;">跳转</span>
      </div>
      <div>
        最初1.0 :
        <el-button type="primary" size="small" @click="jumpZF('zfSafetyProduction')">生产安全</el-button>
        <el-button type="primary" size="small" @click="jumpZF('zfEnergyConsumption')">能源消耗</el-button>
        <el-button type="primary" size="small" @click="jumpZF('zfEnvironmentalProtection')">环境保护</el-button>
        <el-button type="primary" size="small" @click="jumpZF('zfParkManagement')">园区管理</el-button>
        <el-button type="primary" size="small" @click="jumpZF('tanpaifang')">碳排放</el-button>
        <el-button type="primary" size="small" @click="jumpZF('zfDiagnosticEvaluation')">智能制造诊断评估</el-button>
        <br />浅色1.0 :
        <el-button type="primary" size="small" @click="jumpZF('zfIndustryOverview')">产业总览</el-button>
        <el-button type="primary" size="small" @click="jumpZF('zfParkOverview')">园区总览</el-button>
        <el-button type="primary" size="small" @click="jumpZF('zfPerMuBenefit')">亩均总览</el-button>
        <!-- <el-button type="primary"
                   size="small"
                   @click="jumpZF('zfIntelligentDiagnostic')">智能制造诊断(zf)</el-button> -->
        <el-button type="primary"
                   size="small"
                   @click="jumpZF('zfSafetyOverview')">安全总览</el-button>
        <el-button type="primary"
                   size="small"
                   @click="jumpZF('zfEnvironmentalConservation')">环境保护</el-button>
        <el-button type="primary"
                   size="small"
                   @click="jumpZF('zfDangerousGoods')">危化品总览</el-button>
        <el-button type="primary"
                   size="small"
                   @click="jumpZF('zfContingencyManagement')">应急管理</el-button>
        <el-button type="primary"
                   size="small"
                   @click="jumpZF('zfDataSharing')">数据共享</el-button>
        <el-button type="primary"
                   size="small"
                   @click="jumpZF('zfIndustrialChainMap')">产业链图谱</el-button>
        <br/>深色2.0 :
        <el-button type="primary"
                   size="small"
                   @click="jumpZF('ChemicalIndustry')">产业总览</el-button>
        <el-button type="primary"
                   size="small"
                   @click="jumpZF('zfParkOverviewTwo')">园区总览</el-button>
        <el-button type="primary"
                   size="small"
                   @click="jumpZF('zfDataSharingTwo')">数据共享</el-button>
                      <el-button type="primary"
                   size="small"
                   @click="jumpZF('zfPerMuBenefitTwo')">亩均总览</el-button>
                   <el-button type="primary"
                   size="small"
                   @click="jumpZF('zfDiagnosticEvaluationTwo')">智能制造诊断评估</el-button>
                      <el-button type="primary"
                   size="small"
                   @click="jumpZF('zfEnvironmentalConservationTwo')">环境保护</el-button>
                       <el-button type="primary"
                   size="small"
                   @click="jumpZF('zfSafeAndContingency')">安全总览</el-button>
                   <el-button type="primary"
                   size="small"
                   @click="jumpZF('zfDangerousGoodsTwo')">危化品总览</el-button>
                   <!-- <el-button type="primary"
                   size="small"
                   @click="jumpZF('zfContingencyManagementTwo')">应急总览</el-button> -->
                   <el-button type="primary"
                   size="small"
                   @click="jumpZF('zfIndustrialChainMapTwo')">产业链图谱</el-button>
                   <el-button type="primary"
                   size="small"
                   @click="jumpZF('zfoperationalmonitoring')">产业运行监测</el-button>
                   <el-button type="primary"
                   size="small"
                   @click="jumpZF('MakingDiagnosis')">智能制造诊断</el-button>

      </div>
    </el-card>
  </div>
</template>

<script>
import Cookies from 'js-cookie'
export default {
  name: 'energyStatistical',
  data () {
    return {

    }
  },
  methods: {
    jumpZF (val) {
      localStorage.setItem('anquan', val)
      this.$router.push({ name: val })
    }
  }
}
</script>

<style lang="scss" scoped>
.defaultIndex {
  padding: 20px;
}
.el-button--small {
  margin: 5px;
}
</style>
